<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>跨域解决方案</title>
  </head>
  <body>
    <script>
      /*
       * 参考博客：https://mp.weixin.qq.com/s/yOxnyq4S3or2rfbSnk5uYw
       *
       * 1.什吗是跨域请求?
       *  浏览器遵循同源策略，所谓同源是指：协议、域名、端口相同；
       *  非同源策略：协议、域名、端口中有一个不相同的，非同源策略即产生跨域请求
       *
       * 2.产生跨域请求，则会限制：
       *   - Cookie、LocalStorage 和 IndexDB 无法读取
       *   - DOM 和 Js对象无法获得
       *   - AJAX 请求不能发送
       *
       * 3.如何解决跨域问题?
       *   - JSONP
       *   - CORS
       *   - Proxy
       *   - Nginx反向代理
       *   - Post Message（利用iframe标签，实现不同域的关联）
       */
    </script>
  </body>
</html>
